$maxWidth: 540px;
@mixin MaxWidth {
    @media screen and (min-width: 540px) {
        @content;
    }
}

@mixin MaxWidth-center($p: 0px) {
    @media screen and (min-width: 540px) {
        max-width: $maxWidth - $p;
        // left: 50% !important;
        // transform: translateX(-50%);
        margin: auto;
    }
}
@mixin iphoneX {
    @media screen and (min-aspect-ratio: 812 / 375) {
        // @media screen and (max-aspect-ratio: 375 / 812) {
        @content;
    }
}
@mixin iPad {
    @media screen and (max-aspect-ratio: 1024 / 768) {
        // @media screen and (max-aspect-ratio: 768 / 1024) {
        @content;
    }
}
